<template>
  <div class="like-header">
    <div class="header-left"></div>
    <div class="header-right">{{ title }}</div>
  </div>
</template>

<script>
export default {
  props: {
    title: {
      type: String,
      default: "我的收藏",
    },
  },
};
</script>

<style lang="scss" scoped>
.like-header {
  width: 100%;
  height: 1.226667rem;
  background-image: linear-gradient(90deg, #4fb8fd, #5c9cfb);
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  .header-left {
    width: 0.266667rem;
    height: 0.453333rem;
    background: url("../../static/img/backw.png") no-repeat center;
    background-size: contain;
    margin-left: 0.466667rem;
  }
  .header-right {
    flex: 1;
    text-align: center;
    padding-right: 0.466667rem;
    color: #fff;
    font-size: 0.48rem;
  }
}
</style>